<template>
	<view class="">
		<view class="ptb24" :class="{'content':type!= 1}">
			<view class="bgf p2432 br12">
				<view class="fs30 c2a7 fw600">订单信息</view>
				<view class="mt40 flex_x">
					<view class="fs28 c9 mr30">订单编号</view>
					<view class="fs28 c3">4567813121654</view>
				</view>
				<view class="cut_line mtb24"></view>
				<view class=" flex_x">
					<view class="fs28 c9 mr30">用户昵称</view>
					<view class="fs28 c3">胡汉三</view>
				</view>
				<view class="cut_line mtb24"></view>
				<view class=" flex_x">
					<view class="fs28 c9 mr30">用户电话</view>
					<view class="fs28 c3">13845674895</view>
				</view>
			</view>
			<view class="bgf p2432 mt24 br12">
				<view class="fs30 c2a7 fw600">用户备注</view>
				<view class="mt40 p24 fs28 c3 text_a">这是用户备注，这是用户备注这是用户备注这</view>
			</view>
			<view class="mt24 bgf p2432 br12">
				<view class="fs30 c2a7 fw600 mb40">商品信息</view>
				<goodsList :list="list" :is_serve="true"></goodsList>
			</view>
			<view class="bgf p2432 mt24 br12">
				<view class="fs30 c2a7 fw600">取货员信息</view>
				<view class="mt40 flex_x fw500">
					<view class="fs28 c9 mr60">取货员</view>
					<view class="fs28 c3">张三</view>
				</view>
				<view class="cut_line mtb24"></view>
				<view class=" flex_x fw500">
					<view class="fs28 c9 mr30">联系方式</view>
					<view class="fs28 c3">18745612587</view>
				</view>
				<view class="cut_line mtb24"></view>
				<view class=" flex_x fw500">
					<view class="fs28 c9 mr30">负责区域</view>
					<view class="fs28 c3">武侯区</view>
				</view>
			</view>
			<view class="bgf p2432 mt24">
				<view class="fs30 c2a7 fw600">入库信息</view>
				<view class="mt40 flex_x fw500">
					<view class="fs28 c9 mr60">入库员</view>
					<view class="fs28 c3">张三</view>
				</view>
				<view class="cut_line mtb24"></view>
				<view class=" flex_x fw500">
					<view class="fs28 c9 mr30">联系方式</view>
					<view class="fs28 c3">18745612587</view>
				</view>
				<view class="cut_line mtb24"></view>
				<view class=" flex_x fw500">
					<view class="fs28 c9 mr60">清洗点</view>
					<view class="fs28 c3">清洗点1号</view>
				</view>
			</view>
			<view class="bgf p2432 mt24">
				<view class="fs30 c2a7 fw600">送回员信息</view>
				<view class="mt40 flex_x">
					<view class="fs28 c9 mr60">取货员</view>
					<view class="fs28 c3">张三</view>
				</view>
				<view class="cut_line mtb24"></view>
				<view class=" flex_x">
					<view class="fs28 c9 mr30">联系方式</view>
					<view class="fs28 c3">18745612587</view>
				</view>
				<view class="cut_line mtb24"></view>
				<view class=" flex_x">
					<view class="fs28 c9 mr30">负责区域</view>
					<view class="fs28 c3">武侯区</view>
				</view>
			</view>
		</view>

		<view class="bgf box_s flex_c" v-if="type != 1">
			<view class="cf fs26 bg2a7 btn1 mtb10 flex_c">
				{{type==2?'确认送回':'确认归还'}}
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				list: [1, 1, 1, 1, 1, 1],
				type: 1, //1订单详情 2确认送回 3确认归还
			}
		},
		onLoad(options) {
			if (options.type) {
				this.type = options.type
				uni.setNavigationBarTitle({ //修改导航栏文字
					title: options.type == 1 ? ('订单详情') : options.type == 2 ? ('确认送回') : ('确认归还')
				})
			}
		},
		onShow() {

		},
		methods: {

		},
	}
</script>
<style lang="scss" scoped>
	.content {
		padding-bottom: calc(150upx + env(safe-area-inset-bottom));
	}

	.text_a {
		box-sizing: border-box;
		background: #f6f6f6;
		min-height: 168upx;
	}

	.box_s {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		box-shadow: 0px -1px 0px 0px #E6E6E6;
		padding-bottom: calc(env(safe-area-inset-bottom));

		.btn1 {
			width: 687upx;
			height: 80upx;
			border-radius: 40upx;
		}
	}
</style>
